<template>
	<!-- title部分 -->
	<view class="titlebox">
		<image class="titlebox-backimg" src="../../static/上一步.png" @click="gotoHome"></image>
		<view class="titlebox-titletext">申请提现</view>
	</view>
	<!-- 提现部分 -->
	<view class="withdrawal">
		<view class="withdrawal-text">支付宝账号(188****4741)</view>

		<view class="withdrawal-textbox">
			<input type="text" placeholder="请输入提现金额" class="inputwithdrawal">
			<text class="withdrawal-textbox-text">全部</text>
		</view>

		<view class="allamounts">当前可用金额：4714.00</view>

		<button class="confirm">确认提现</button>
		<view class="withdrawal-rule">提现规则</view>
		<view class="withdrawal-ruletext">1.提现时间周一至周五9:00-22:00 2.提现金额必须是整数 3.提现到账时间约2小时内到账，2小时内未到账请联系客服</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoHome() {
				// 在tabbar中使用uniapp的switchTab方法跳转
				uni.switchTab({
					url: '/pages/home/home', // 我的路径
				});
			},
		}
	}
</script>

<style>
	page {
		background: #F6F6F6;
	}

	.titlebox {
		padding: 2%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		/* 添加这一行来水平居中 */
	}

	/* title部分样式 */
	.titlebox-backimg {
		width: 15px;
		height: 15px;
	}

	.titlebox-titletext {
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
		/* color: #333; */
		font-weight: 600;
	}

	/* 提现部分 */
	.withdrawal {
		width: 91%;
		padding: 2%;
		background: white;
		margin: 0 auto;
		border-radius: 10px;
	}

	.withdrawal-text {
		padding: 2%;
		font-size: 15px;
	}

	.withdrawal-textbox {
		display: flex;
		align-items: center;
		/* justify-content: center; */
		padding: 2%;
		background: #f6f6f6;
		border-radius: 20px;
	}

	.inputwithdrawal {
		flex: 1;
	}

	.withdrawal-textbox-text {
		font-size: 15px;
		margin-right: 5px;
	}

	.allamounts {
		padding: 2%;
		text-align: center;
		color: rgb(120, 120, 120);
		font-size: 15px;
	}

	.confirm {
		font-size: 15px;
		background-color: rgb(245, 230, 110);
		border-radius: 15px;
	}

	.withdrawal-rule {
		padding: 2%;
		font-size: 15px;
	}

	.withdrawal-ruletext {
		padding: 2%;
		color: rgb(120, 120, 120);
		font-size: 15px;
	}
</style>
